# 使用Node.js官方镜像作为构建环境
FROM node:18-alpine as build-stage

# 接收构建参数
ARG VUE_APP_API_BASE_URL
ARG VUE_APP_API_TIMEOUT

# 设置环境变量
ENV VUE_APP_API_BASE_URL=$VUE_APP_API_BASE_URL
ENV VUE_APP_API_TIMEOUT=$VUE_APP_API_TIMEOUT

# 设置工作目录
WORKDIR /app

# 复制package.json和package-lock.json
COPY package*.json ./

# 设置npm镜像源并安装依赖
RUN npm config set registry https://registry.npmmirror.com/ && \
    npm config set cache /tmp/.npm && \
    npm ci --verbose

# 复制源代码
COPY . .

# 构建应用
RUN npm run build

# 使用Nginx作为生产环境
FROM nginx:alpine as production-stage

# 复制构建好的文件到Nginx目录
COPY --from=build-stage /app/dist /usr/share/nginx/html

# 复制Nginx配置文件
COPY nginx.conf /etc/nginx/nginx.conf

# 暴露80端口
EXPOSE 80

# 启动Nginx
CMD ["nginx", "-g", "daemon off;"]
